<template>
  <div class='popshop-body'>
    <ListUnit v-for="(item, index) in listData" :key="index" :info="item" :ranks="index+1" :showIcon="showIcon" />
  </div>
</template>
<script>
import ListUnit from './unit.vue'
export default {
  props:['showIcon'],
  components: {ListUnit},
  name: "",
  data() {
    return {
      listData:[
        {
          logo:"",
          name:"",
          count:"",//成交量
        },{},{},{},{}
      ]
    };
  },
  methods: {
      init(){
          _g.apiPost('protalHome/hotMerchant.do',{currPageNo:1,pageSize:5}).then(res=>{
              if(res.status==0){
                  this.$set(this,"listData",res.data.list)
              }else{
                  _g.toMessage(res)
              }

          })
      }

  },
  created() {
      this.init()
  }
};
</script>
<style lang="scss" scoped>
.popshop-body {
  height: calc(100% - 50px);
  box-sizing: border-box;
  padding: 15px 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
</style>